<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06v-html</title>
    <script src="js/vue.js"></script>
</head>
<body>
<div id="div">
    <!--插值表达式，遇到标签不解析，v-html指令遇到标签浏览器要进行解析的
    v-html：也不解析
    类似：js的innerHTML innerText
    类似于：jQueru的html() text（）
    表单标签：.value .val() v-model v-bind(单向的数据绑定)
    非表单标签：
    -->
    <p>{{msg}}</p>
    <p v-html="msg"></p>
    <p v-text="msg"></p>
</div>
<script>
    var vm = new Vue({
        el:"#div",
        data:{
            msg:"<span style='color:red'>span元素</span>"
        }
    })
</script>
</body>
<html>